<!doctype html>

<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<meta http-equiv="Content-Language" content="es-ES"/>		
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />						
		<script src="http://code.jquery.com/jquery.min.js"></script>		
		<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
		<script src="../js/Comun.js"></script>
		<script src="../js/Comun_Mobile.js"></script>
		<script src="../js/MySQLLib/MySQL.js"></script>
		<script src="../js/MySQLLib/BDEntity.js"></script>
		<script src="../js/phonegap/PGNavigation.js"></script>		
		<script src="js/Messages.js"></script>
		<script src="js/ListadoMensajes.js"></script>
		<script src="js/ListadoMensajesEnviados.js"></script>
		
		<title>Hobbyp</title>
	</head>
	<body>
		<div data-role="page" data-theme="a" id="Recibidos">
			<div data-role="header"  data-position="fixed" data-fullscreen="true">	
				<div data-role="navbar" id="navbarId">
					<ul>
						<li><a href="#" class="ui-btn-active" rel="external" data-ajax="false" data-icon="gear" >Messages</a></li>	
						<li><a href="javascript:hrefParams('../Friends/Friends.html');" rel="external" data-ajax="false" data-icon="gear" >Friends</a></li>						
						<li><a href="javascript:hrefParams('../Search/Search.html');" rel="external" data-ajax="false" data-icon="gear" >Search</a></li>	
						<li><a href="javascript:hrefParams('../Photos/MyPhotos.php');" rel="external" data-ajax="false" data-icon="gear" >Photos</a></li>
						<li><a href="javascript:hrefParams('../Hobbies/Hobbies.html');" rel="external" data-ajax="false" data-icon="search">Hobbies</a></li>						
					</ul>
				</div>
				<div data-role="navbar" id="subNavbarId">
					<ul>				
						<li><a href="#Recibidos" class="ui-btn-active ui-state-persist" >Recibidos</a></li>
						<li><a href="#Enviados" id="subNavbarEnviadosId">Enviados</a></li>
					</ul>
				</div>
				<div data-role="fieldcontain" data-scroll="y">
					<div class="content-primary" >
						<div data-role="collapsible-set" id="ListIdRecibidos">
						</div>	
					</div>
				</div>
			</div>		
			<div data-role="footer" class="footer-docs" data-theme="a"  data-position="fixed" data-fullscreen="true">
				<p class="jqm-version"></p>
				<p>Hobbyp V.1.0 Research by quaz</p>
			</div>
			<a id='lnkDialogReply' href="#dialogReply" data-rel="popup" style='display:none;'></a>
			
			<div data-role="popup" id="dialogReply" data-theme="a" class="ui-corner-all">
				<form>
					<div style="padding:10px 20px;">
					  <h3 id="asuntoReply"></h3>
			          <label for="respuesta" class="ui-hidden-accessible">Respuesta:</label>
			          <textarea name="respuesta" id="respuesta" data-theme="a" ></textarea>				          	
			    	  <a href="#" onclick="replyClick(); return false" rel="external" data-role="button">Enviar respuesta</a>
					</div>
				</form>
			</div>
			
		</div>

		<div data-role="page" data-theme="a" id="Enviados">		
			<div data-role="header"  data-position="fixed" data-fullscreen="true">
				<div data-role="navbar" id="navbarId2">
					<ul>
						<li><a href="#" class="ui-btn-active" rel="external" data-ajax="false" data-icon="gear" >Messages</a></li>	
						<li><a href="javascript:hrefParams('../Friends/Friends.html');" rel="external" data-ajax="false" data-icon="gear" >Friends</a></li>						
						<li><a href="javascript:hrefParams('../Search/Search.php');" rel="external" data-ajax="false" data-icon="gear" >Search</a></li>	
						<li><a href="javascript:hrefParams('../Photos/MyPhotos.php');" rel="external" data-ajax="false" data-icon="gear" >Photos</a></li>
						<li><a href="javascript:hrefParams('../Hobbies/MyHobs.php');" rel="external" data-ajax="false" data-icon="search">Hobbies</a></li>						
					</ul>
				</div>
				<div data-role="navbar" id="subNavbarId2">
					<ul>				
						<li><a href="#Recibidos"  >Recibidos</a></li>	
						<li><a href="#Enviados" class="ui-btn-active ui-state-persist" >Enviados</a></li>											
					</ul>
				</div>
				
				<div data-role="fieldcontain" data-scroll="y">
					<div class="content-primary" >
						<div data-role="collapsible-set" id="ListIdEnviados">
						</div>	
					</div>
				</div>
				<div data-role="fieldcontain">
				<a href="javascript:EnviarMensaje();" id="btnNuevoMensaje" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">Nuevo mensaje</a>
<!--
	<a href="dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">Nuevo mensaje</a>
					
-->
					
				</div>
			</div><!--/header-->		
			<div data-role="footer" class="footer-docs" data-theme="a"  data-position="fixed" data-fullscreen="true">
				<p class="jqm-version"></p>
				<p>Hobbyp V.1.0 Research by quaz</p>
			</div>					
		</div><!--/page-->		

	</body>
</html>

